<template>
  <div class="common-layout">
    <div class="content"><slot></slot></div>
    <!-- <page-footer :link-list="footerLinks" :copyright="copyright"></page-footer> -->
  </div>
</template>

<script>
// import PageFooter from '@/layouts/footer/PageFooter'
import {mapState} from 'vuex'

export default {
  name: 'CommonLayout',
  // components: {PageFooter},
  computed: {
    // ...mapState('setting', ['footerLinks', 'copyright'])
    ...mapState('setting', [ 'copyright'])
  }
}
</script>

<style scoped lang="less">
.common-layout{
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  background-color: @layout-body-background;
  background-image: url(../assets/img/login/bgcbanner.png);
  background-repeat: no-repeat;
  background-position-x: 0;
  background-position-y: 0;
  background-size: 100% 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  .content{
    padding: 40px 60px;
    /* flex: 1; */
    width: 480px;
    height: 480px;
    border-radius: 10px;
    // position: absolute;
    // top: 50%;
    // left: 50%;
    // transform: translate(-50%,-50%);
    background-color: #fff; 
    @media (min-width: 768px){

      padding: 24px 0 24px;
    }
  }
}
</style>
